// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如color、height、radius等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

@image-wrapper-bg-color: @bg-color-secondarycontainer;
@image-radius: @border-radius-medium;
@image-gallery-radius: @border-radius-medium;
@image-gallery-shadow-radius: @border-radius-medium;

@image-gallery-cover-z-index: 5;
@image-z-index: calc(@image-gallery-cover-z-index - 4);
@image-placeholder-z-index: calc(@image-gallery-cover-z-index - 5);
@image-loading-z-index: calc(@image-gallery-cover-z-index + 1);

@image-loading-text-color: @text-color-secondary;
@image-error-text-color: @text-color-disabled;
